<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head>
	<base href="<%=request.getContextPath()+"/"%>">
	<title>无标题文档</title>
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<link href="css/select.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="js/jquery.js"></script>

	<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
	<script type="text/javascript" src="js/select-ui.min.js"></script>
	<script type="text/javascript" src="editor/kindeditor.js"></script>
	<script type="text/javascript">
		$(document).ready(function(e) {
		    $(".select1").uedSelect({
				width : 150		  
			});
			
		});
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $(".click").click(function(){
			  $(".tip").fadeIn(200);
			  });
			  
			  $(".tiptop a").click(function(){
			  $(".tip").fadeOut(200);
			});
			
			  $(".sure").click(function(){
			  $(".tip").fadeOut(100);
			});
			
			  $(".cancel").click(function(){
			  $(".tip").fadeOut(100);
			});
			
			});
		</script>


	</head>

	<body>

		<div class="place">
			<span>位置：</span>
			<ul class="placeul">
				<li><a href="#">收支管理</a></li>
				<li><a href="#">查看支出</a></li>
			</ul>
		</div>

		<div class="rightinfo">
				<form action="ptu/PaymentServlet?method=paymentFindMore" method="post">

					<ul class="prosearch">
						<li>
							<label>查询：</label><i>支出人</i>
							<a>
								<input name="payempid"  type="text" class="scinput"/>
							</a>
							<i>支出时间</i>
							<a>
								<input name="paytime" type="text" class="scinput"/>
							</a>
							<i>支出类型</i>
							<a>
								<input name="paytype"  type="text" class="scinput"/>
							</a>
						</li>
						<a>
							<input name="" type="submit" class="sure" value="查询" />
						</a>
					</ul>
				</form>
			<div class="formtitle1"><span>支出列表</span></div>

			<table class="tablelist">
				<thead>
					<tr>
						<th>
							<input name="" type="checkbox" value="" checked="checked" />
						</th>
						<th>支出编号</th>
						<th>支出人</th>
						<th>类型<i class="sort"><img src="images/px.gif" /></i></th>
						<th>金额</th>
						<th>支出时间</th>
						<th>备注</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
				<c:forEach items="${requestScope.payAll.list}" var="list">
					<tr>
						<td>
							<input name="" type="checkbox" value="" />
						</td>
						<td>${list.pid}</td>
						<td>${list.payempid}</td>
						<td>${list.paytype}</td>
						<td>${list.amount}</td>
						<td><fmt:formatDate value="${list.paytime}" pattern="yyyy-MM-dd"></fmt:formatDate></td>
						<td>${list.paydesc}</td>
						<td>
							<a href="ptu/PaymentServlet?method=payFindOne&pid=${list.pid}" class="tablelink">修改</a>
							<a href="ptu/PaymentServlet?method=paymentRemove&pid=${list.pid}&payempid=${list.payempid}&paytype=${list.paytype}&amount=${list.amount}&paytime=${list.paytime}&paydesc=${list.paydesc}" class="tablelink click"> 删除</a>
						</td>
					</tr>
				</c:forEach>
				</tbody>
			</table>

			<div class="pagin">
				<div class="message">
					共<i class="blue">${requestScope.payAll.total}</i>条记录，
					当前显示第&nbsp;<i class="blue">${requestScope.payAll.pageNumber}</i>&nbsp;页</div>
				<ul class="paginList">
					<li class="paginItem">
						<a href="ptu/PaymentServlet?method=showPayPage&pageNumber=${requestScope.payAll.pageNumber-1 }&pageSize=${requestScope.payAll.pageSize}"
								<c:if test="${ requestScope.payAll.pageNumber<=1 }">  onclick="javascript:return false;" </c:if> >
							<span class="pagepre"></span>
						</a>
					</li>
					<li class="paginItem">
						<a href="ptu/PaymentServlet?method=showPayPage&pageNumber=${requestScope.payAll.pageNumber+1 }&pageSize=${requestScope.payAll.pageSize}"
								<c:if test="${ requestScope.payAll.pageNumber*requestScope.payAll.pageSize>=requestScope.payAll.total}">  onclick="javascript:return false;" </c:if> >
							<span class="pagenxt"></span>
						</a>
					</li>
				</ul>
			</div>

			<div class="tip">
				<div class="tiptop"><span>提示信息</span>
					<a></a>
				</div>

				<div class="tipinfo">
					<span><img src="images/ticon.png" /></span>
					<div class="tipright">
						<p>是否确认对信息的修改 ？</p>
						<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
					</div>
				</div>

				<div class="tipbtn">
					<input name="" type="button" class="sure" value="确定" />&nbsp;
					<input name="" type="button" class="cancel" value="取消" />
				</div>

			</div>

		</div>

		<script type="text/javascript">
			$('.tablelist tbody tr:odd').addClass('odd');
		</script>

	</body>

</html>